<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="公众号：UnseeR.ico" type="image/x-ico" />

  <style type="text/css">
    @import url("chap.css");

  </style>

  <title>chap6</title>
</head>

<body>
  <base target="_top" />
  <!--目录-->
  <hr class="hr_chap" />
  <div>
    <!--id用于文件跳转-->
    <h2 id="chap6 6" align="center">
      <a name="6">
        <a href="#第6章 图像与多媒体文件">
          第6章 图像与多媒体文件
        </a>
      </a>
    </h2>

    <h3 id="chap6 6.1">
      <a name="6.1">
        <a href="#6.1 图像">
          6.1 图像
          <abbr
            title="6.1 图像">--------------------------------------------------------------------------------------------------------------------------------------</abbr>
        </a>
      </a>
    </h3>

    <h4 id="chap6 6.1.4">
      <a name="6.1.4">
        <a href="#6.1.4 设置图像的边框">
          6.1.4 设置图像的边框
          <abbr
            title="6.1.4 设置图像的边框">-----------------------------------------------------------------------------------------------------------------------------------</abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.1.5">
      <a name="6.1.5">
        <a style="text-decoration: none;" href="#6.1.5 设置图像对齐方式">
          6.1.5 设置图像对齐方式
          <abbr title="6.1.5 设置图像对齐方式">
            ---------------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.1.6">
      <a name="6.1.6">
        <a style="text-decoration: none;" href="#6.1.6 设置图像的间距">
          6.1.6 设置图像的间距
          <abbr
            title="6.1.6 设置图像的间距">-----------------------------------------------------------------------------------------------------------------------------------</abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.1.7">
      <a name="6.1.7">
        <a style="text-decoration: none;" href="#6.1.7 设置图像热区链接">
          6.1.7 设置图像热区链接
          <abbr title="6.1.7 设置图像热区链接">
            ---------------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h3 id="chap6 6.2">
      <a name="6.2">
        <a style="text-decoration: none;" href="#6.2 滚动文字">
          6.2 滚动文字
          <abbr title="6.2 滚动文字">
            ----------------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h3>

    <h4 id="chap6 6.2.1">
      <a name="6.2.1">
        <a style="text-decoration: none;" href="#6.2.1  添加滚动文字">
          6.2.1 添加滚动文字
          <abbr title="6.2.1 添加滚动文字">
            -------------------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.2.3">
      <a name="6.2.3">
        <a style="text-decoration: none;" href="#6.2.3 设置滚动方向与滚动方式">
          6.2.3 设置滚动方向与滚动方式
          <abbr title="6.2.3 设置滚动方向与滚动方式">
            --------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.2.4">
      <a name="6.2.4">
        <a style="text-decoration: none;" href="#6.2.4  设置滚动速度与滚动延迟">
          6.2.4 设置滚动速度与滚动延迟
          <abbr title="6.2.4 设置滚动速度与滚动延迟">
            --------------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h4 id="chap6 6.2.5">
      <a name="6.2.5">
        <a style="text-decoration: none;" href="#6.2.5 设置滚动范围与滚动空白空间">
          6.2.5 设置滚动范围与滚动空白空间
          <abbr title="6.2.5 设置滚动范围与滚动空白空间">
            ---------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h4>

    <h3 id="chap6 6.3">
      <a name="6.3">
        <a style="text-decoration: none;" href="#6.3 音频、视频及Flash文件">
          6.3 音频、视频及Flash文件
          <abbr title="6.3 音频、视频及Flash文件">
            -------------------------------------------------------------------------------------------------------------------
          </abbr>
        </a>
      </a>
    </h3>
  </div>
  <hr class="hr_chap" />

  <!--第6章 图像与多媒体文件-->
  <h2 class="h2_chap">
    <a name="第6章 图像与多媒体文件">
      <a href="#6">
        第6章 图像与多媒体文件
      </a>
    </a>
  </h2>

  <!--6.1 图像-->
  <h3 class="h3_impo">
    <a name="6.1 图像">
      <a style="text-decoration: none;" href="#6.1">
        6.1 图像
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        <abbr title="单标记">img 标记 </abbr>基本语法
        <blockquote class="inde_code">
          &lt;img <blink>src</blink>="<b>url</b>" <blink>width</blink>="" <blink>height</blink>=""
          <blink>hspace</blink>="" <blink>vspace</blink>="" <blink>align</blink>="" <blink>alt</blink>="">
        </blockquote>
      </font>
    </li>
    <li>
      <font> 属性说明 </font><br />
      <img hspace="20px" vspace="18px" width="709" height="309" src="6.1 img标记属性说明.png" alt="6.1 img标记属性说明.png" />
    </li>
  </ul>

  <!--6.1.4 设置图像的边框-->
  <h3 class="h3_seco">
    <a name="6.1.4 设置图像的边框">
      <a style="text-decoration: none;" href="#6.1.4">
        6.1.4 设置图像的边框
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        <aside>
          默认的图像是没有边框的，<strong>当未设置图像链接时，边框的颜色为黑色</strong>；当<strong>设置图像链接时</strong>，边框的颜色和链接文字颜色一致，<b>默认</b>为<blink>深蓝色
          </blink>。
        </aside>
      </font>
    </li>
  </ul>

  <!--6.1.5 设置图像对齐方式-->
  <h3 class="h3_seco">
    <a name="6.1.5 设置图像对齐方式">
      <a style="text-decoration: none;" href="#6.1.5">
        6.1.5 设置图像对齐方式
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          &lt;img src="URL"<blink> align</blink>="<b>value</b>">
        </blockquote>
      </font>
    </li>
    <li>
      <font> 属性说明 </font><br />
      <!--图像换行确保最大屏占比显示时无误-->
      <img vspace="18px" hspace="20px" src="6.2 align属性说明表.png" alt="6.2 align属性说明表.png" />
    </li>
  </ul>

  <!--6.1.6 设置图像的间距-->
  <h3 class="h3_seco">
    <a name="6.1.6 设置图像的间距">
      <a style="text-decoration: none;" href="#6.1.6">
        6.1.6 设置图像的间距
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
      </font>
      <blockquote class="inde_code">
        &lt;img src="URL" <blink>hspace</blink>="水平间距数值"
        <blink>vspace</blink>="垂直间距数值">
      </blockquote>
    </li>
  </ul>

  <!--6.1.7 设置图像热区链接-->
  <h3 class="h3_seco">
    <a name="6.1.7 设置图像热区链接">
      <a style="text-decoration: none;" href="#6.1.7">
        6.1.7 设置图像热区链接
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
      </font>
      <blockquote class="inde_code">
        &lt;img src="图片地址" <blink>usemap</blink>="<blink>#</blink><b>映射图片名称</b>"><br />
        <blink>&lt;map</blink> <b>name</b>="<b>映射图片名称</b>"<blink>></blink>
        <aside class="inde_code2">
          <blink>&lt;area shape</blink>="热区形状" <blink>coords</blink>="热区坐标"
          href="URL"<blink>></blink>
        </aside>
        <blink>&lt;/map></blink>
      </blockquote>
    </li>
  </ul>

  <!--6.2 滚动文字-->
  <h3 class="h3_impo">
    <a name="6.2 滚动文字">
      <a style="text-decoration: none;" href="#6.2">
        6.2 滚动文字
      </a>
    </a>
  </h3>

  <!--6.2.1  添加滚动文字-->
  <h3 class="h3_seco">
    <a name="6.2.1  添加滚动文字">
      <a style="text-decoration: none;" href="#6.2.2">
        6.2.1 添加滚动文字
      </a>
      </blink>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          <blink>&lt;marquee</blink> width="" height="" bgcolor=""
          <aside class="inde_code2">
            <blink>onMouseOver</blink>="this.stop()" <blink>onMouseOut</blink>="this.start()"
            <aside>
              <blink>direction</blink>="<b>up</b> | <b>down</b> | <b>left</b> | <b>right</b>"
            </aside>
            <aside>
              <blink>behavior</blink>="<b>scroll</b> | <b>slide</b> | <b>alternate</b>"
            </aside>
            <aside>
              <blink>scrollamount</blink>="20px" <blink>scrolldelay</blink>="100ms"
            </aside>
            <aside>
              <blink>hspace</blink>="" <blink>vspace</blink>="" <blink>loop</blink>="" <blink>></blink>
            </aside>
            滚动内容<aside class="inde_code">
              <blink>&lt;/marquee></blink>
            </aside>
          </aside>
        </blockquote>
      </font>
    </li>
    <li>
      <font>
        属性说明
        <aside>
          1、设置<b>onMouseOver = "this.stop()"</b> 属性值对的作用是当<b>光标移动到滚动文字区域</b>时，滚动内容将<b>暂停滚动</b>；
          <br>
          2、设置<blink>onMouseOut = "this.start()"</blink> 属性值对的作用是当<blink>鼠标移出滚动文字区域</blink>时，滚动内容将<blink>继续滚动</blink>；
          <br>
          3、<strong> loop
          </strong>属性设置滚动文字的滚动<strong>循环次数</strong>，循环次数直接使用<strong>数字</strong>表示，<strong>一般</strong>为<strong>整数</strong>，<b>-1</b>表示<b>无限循环</b>。
        </aside>
      </font>
    </li>
  </ul>

  <!--6.2.3 设置滚动方向与滚动方式-->
  <h3 class="h3_seco">
    <a name="6.2.3 设置滚动方向与滚动方式">
      <a style="text-decoration: none;" href="#6.2.3">
        6.2.3 设置滚动方向与滚动方式
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          &lt;marquee <blink>direction</blink>="滚动方向" <blink>behavior</blink>="滚动方式">滚动内容&lt;/marquee>
        </blockquote>
      </font>
    </li>
    <li>
      <font>
        <aside><strong> direction </strong>属性决定<blink>滚动方向</blink>
        </aside>
        <img hspace="18px" vspace="20px" src="6.4 direction属性说明.png" alt="6.4 direction属性说明.png">
      </font>
    </li>
    <li>
      <font>
        <aside>
          <strong> behavior </strong>属性设置<blink>滚动方式</blink>
        </aside>
        <img hspace="20px" vspace="18px" src="6.5 behavior属性说明.png" alt="6.5 behavior属性说明.png">
      </font>
    </li>
  </ul>

  <!--6.2.4  设置滚动速度与滚动延迟-->
  <h3 class="h3_seco">
    <a name="6.2.4  设置滚动速度与滚动延迟">
      <a style="text-decoration: none;" href="#6.2.4">
        6.2.4 设置滚动速度与滚动延迟
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          &lt;marquee <blink>scrollamount</blink>="20px" <blink>scrolldelay</blink>="100ms"> 滚动内容 &lt;/marquee>
        </blockquote>
      </font>
    </li>
    <li>
      <font>
        <aside>
          <strong> scrollamount </strong>属性设置<strong>滚动速度</strong>，长度用<strong>数字</strong>表示，单位为<blink>像素px</blink>；
        </aside>
      </font>
    </li>
    <li>
      <font>
        <aside>
          <strong> scrolldelay </strong>属性设置<strong>延迟时间</strong>，单位为<blink>毫秒ms</blink>，延迟时间越小滚动速度越快，延迟时间越大即会出现走走停停的效果。
        </aside>
      </font>
    </li>
  </ul>

  <!--6.2.5 设置滚动范围与滚动空白空间-->
  <h3 class="h3_seco">
    <a name="6.2.5 设置滚动范围与滚动空白空间">
      <a style="text-decoration: none;" href="#6.2.5">
        6.2.5 设置滚动范围与滚动空白空间
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          &lt;marquee<b> width</b>=""<b> height</b>="" <blink>hspace</blink>="" <blink>vspace</blink>=""> 滚动内容
          &lt;/marquee>
        </blockquote>
      </font>
    </li>
    <li>
      <font>
        <aside>
          宽度值和高度值均用<strong>数字</strong>表示，单位为<strong>像素</strong>；
        </aside>
      </font>
    </li>
    <li>
      <font>
        <aside>
          hspace、vspace 属性值是<blink>整数</blink>，单位为<blink>像素</blink>。
        </aside>
      </font>
    </li>
  </ul>

  <!--6.3 音频、视频及Flash文件-->
  <h3 class="h3_impo">
    <a name="6.3 音频、视频及Flash文件">
      <a style="text-decoration: none;" href="#6.3">
        6.3 音频、视频及Flash文件
      </a>
    </a>
  </h3>
  <ul>
    <li>
      <font>
        使用&lt;embed>&lt;/embed>标记，可以播放的文件类型有Midi、Mav、AIFF、SWF、AV、MP3、MOV、AVI 等。
      </font>
    </li>
    <li>
      <font>
        基本语法
        <blockquote class="inde_code">
          <blink>&lt;embed</blink> src="多媒体文件" width="界面的宽度" height="界面的高度"
          <aside class="inde_code2">
            <blink>autostart</blink>="<b>true</b> | <b>false</b>"
            <blink>loop</blink>="<b>true</b> | <b>false</b>"
            <blink>>&lt;/embed></blink>
          </aside>
        </blockquote>
      </font>
    </li>
    <li>
      <font>
        属性说明
        <aside>
          1、作为<b>背景音乐</b>时，必须同时将宽度和高度属性的值设置为<b>0</b><strong>（单位为<b>像素px</b>）</strong>；
          <br>
          2、<strong> autostart </strong>：逻辑值。规定音频或视频文件是否<blink>自动播放</blink>；
          <br>
          3、<strong> loop </strong>：逻辑值。规定音频或视频文件是否<blink>循环</blink>。
        </aside>
      </font>
    </li>
  </ul>
</body>

</html>
